• 省级水平FLASH课件制作培训，网络教学，解答所有学员疑难，包教包会。
• 教程发放到学员手中，共分为初级，中级，高级三部分，全部视频教程，跟真人在身边教学效果一样。
• 有意者直接咨询我站管理QQ：444860709 也可以加入到QQ群（67042004）中后，直接找群主咨询相关事宜培训详情。

注意：以下均为本站原创flash教程，属于本站产品，欢迎选学，如有问题可直接与我站管理联系解答事宜。QQ：4444860709

题 目:FLASH制作制作简易涂鸦板（画线指令）

一、效果预览

二、教程内容

FLASH制作制作简易涂鸦板（画线指令）

最终效果图：

左按钮由上至下分别为“加粗线条（add_btn）”、“减细线条（dec_btn）”、“撤消（undo_btn）”、“清除线条（clear_btn）”。

动态文本框，变量名“linesize”。

铅笔为一影片剪辑，实例名称为“mymouse”。可随意绘制。

主场景第一帧添加如下代码：
Mouse.hide();
linesize = 2;
pp = 10;
onMouseMove = function () {
mymouse._x = _xmouse;
mymouse._y = _ymouse;
updateAfterEvent();
if (goon) {
eval("xian"+pp).lineTo(_xmouse, _ymouse);
}
// end if
};
onMouseDown = function () {
goon = true;
++pp;
_root.createEmptyMovieClip("xian"+pp, pp);
with (eval("xian"+pp)) {
lineStyle(linesize, 0, 100);
moveTo(_xmouse, _ymouse);
lineTo(_xmouse+1, _ymouse+1);
}
// End of with
};
onMouseUp = function () {
goon = false;
};
clear_btn.onRelease = function() {
eval("xian"+pp).removeMovieClip();
--pp;
for (i=11; i<=pp; i++) {
eval("xian"+i).removeMovieClip();
}
// end of for
pp = 10;
};
add_btn.onRelease = function() {
eval("xian"+pp).removeMovieClip();
--pp;
if (linesize<5) {
++linesize;
}
// end if
};
dec_btn.onRelease = function() {
eval("xian"+pp).removeMovieClip();
--pp;
if (linesize>1) {
--linesize;
}
// end if
};
undo_btn.onRelease = function() {
eval("xian"+pp).removeMovieClip();
--pp;
if (pp>10) {
eval("xian"+pp).removeMovieClip();
--pp;
}
// end if
};

可以测试影片了。呵呵
完。

附其它知识，供参考：

思路：
1.设一个pressed变量，为布尔型，初始为false;
2.鼠标移动就画线;
3.当pressed=true 时，鼠标移动时，可以画线;
4.当pressed=false时，鼠标移动时，不能画线;
5.最后再加入一些按钮来调整线条粗细和清空画板.

步骤一：
放入三个按扭，实例名分别为:
"clear_btn": 清除线条;
"str_btn": 加粗线条;
"thin_btn": 减细线条。

步骤二：
加入AS代码层：

linesize = 2;
//默认线条粗细为2

var pressed:Boolean=false
//pressed=true:开始画线； pressed=false:停止画线

str_btn.onRelease=function(){
if (linesize<5) {
linesize++;}}
//笔触加粗，粗度不能大于5

thin_btn.onRelease=function(){
if (linesize>1) {
linesize--;}}
//笔触减细，细度不能小于1

clear_btn.onRelease=function(){
_root.clear();}

//实现清屏功能

onMouseDown = function () {
pressed = true;
lineStyle(linesize, 0x000000, 100);
onMouseMove = function () {
if (pressed) {
lineTo(_xmouse, _ymouse);
}

};
onMouseUp = function () {
pressed = false;
};
FLASH充电1：AS画线，既可以在舞台上(_root),也可以在影片剪辑上(mc). 推荐画在mc中，这样可以方便、灵活地控制。

FLASH充电2: 关于 lineTo 及 moveTo
(1)先要设置线条用 lineStyle( 粗度 , 颜色 , 透明度)
(2)画笔的起点 moveTo( X坐标 , Y坐标 )
(3)画笔的终点 lineTo( X坐标 , Y坐标 )
(4)注意：执行完 lineTo 这个指令后，下一次画线的起点就是当前lineTo的位置，就不用再单独做一次moveTo指令了。
下面我们在mc中绘制一个矩形：

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.lineStyle(2, 0x0, 100);
mc.moveTo(0, 0);

mc.lineTo(0, 0);
FLASH充电3: 关于 curveTo ( 控制点X , 控制点Y , X坐标 , Y坐标 )下面我们在mc中绘制一条曲线：

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.lineStyle(2, 0x0, 100);
mc.moveTo(0, 0);
mc.curveTo(0, 200, 100, 200);
FLASH充电4: 颜色填充 beginFill(颜色号) 及 endFill()
注意：填充只能在封闭的线条内进行。下面为矩形填个绿色：

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.beginFill(0x00FF00);

mc.lineTo(100, 0);
mc.lineTo(100, 100);
mc.lineTo(0, 100);
mc.lineTo(0, 0);
mc.endFill();
FLASH充电5: 线条清除 clear()如：

_root.clear() 或 mc.clear()

我站网络视频网校培训开始招生了！FLASH课件制作视频教程教学，QQ一对一解答所有学员疑问。咨询：QQ444860709 查看培训详情。